<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="js/d3.min.js" ></script>
		<script type="text/javascript" src="js/strucMap.min.js" ></script>
		<link rel="stylesheet" href="css/strucMap.min.css" />
		
	</head>
	<body>
		<div id="topomap" class=""></div>
		<script type="text/javascript">
	        var options = {
	        	selector:"#topomap",
	            width: 1040,
	            height: 840,
	            lineLength:100,
//	            textColor:"#000",
//	            textFontFamily:'',
	            nodesClick: function(t) {
	            	if(t.index==0) t.fixed=1;
	            	console.log(t)
	            }
	            };
	            var nodesJson = [
	            {"fixed":true,"id":2,"index":0,"prop":{"name":"民用建筑和工业建筑"},"x":460,"y":280},
	            {"id":"22","index":1,"prop":{"name":"电气工程"}},
	            {"id":36,"index":2,"prop":{"name":"强电"}},
	            {"id":37,"index":2,"prop":{"name":"弱电"}},
	            {"id":58,"index":2,"prop":{"name":"消防电"}},
//	            {"id":59,"index":2,"prop":{"name":"机器学习框架"}},
//	            {"id":61,"index":2,"prop":{"name":"机器学习库"}},
	            {"id":"23","index":1,"prop":{"name":"给排水"}},
	            {"id":38,"index":2,"prop":{"name":"给水"}},
	            {"id":54,"index":2,"prop":{"name":"中水"}},
	            {"id":63,"index":2,"prop":{"name":"污废水"}},
	            {"id":611,"index":2,"prop":{"name":"雨水"}},
	            {"id":591,"index":2,"prop":{"name":"卫生洁具"}},
//	            {"id":63,"index":2,"prop":{"name":"消防水"}},
	            
	            
	            
	            {"id":"24","index":1,"prop":{"name":"给排水工程"}},
	            {"id":12,"index":2,"prop":{"name":"给排水工程"}},
	            {"id":"25","index":1,"prop":{"name":"给水"}},
	            {"id":39,"index":2,"prop":{"name":"给水"}},
	            {"id":"26","index":1,"prop":{"name":"管道"}},
	            {"id":40,"index":2,"prop":{"name":"中水"}},
	            {"id":41,"index":2,"prop":{"name":"暖通工程"}},
	            {"id":43,"index":2,"prop":{"name":"空调系统"}},
	            {"id":"27","index":1,"prop":{"name":"中央空调主机"}},
	            {"id":44,"index":2,"prop":{"name":"采暖系统"}},
	            {"id":"28","index":1,"prop":{"name":"建筑装饰工程（无地下室）"}},
	            {"id":46,"index":2,"prop":{"name":"土石方"}},
	            {"id":48,"index":2,"prop":{"name":"平整场地"}},
	            {"id":"29","index":1,"prop":{"name":"挖方"}},
	            {"id":49,"index":2,"prop":{"name":"填方"}},
	            {"id":"30","index":1,"prop":{"name":"变配电装置"}},
	            {"id":51,"index":2,"prop":{"name":"变压器"}},
	            {"id":52,"index":2,"prop":{"name":"高压配电装置"}},
	            {"id":"31","index":1,"prop":{"name":"低压配电装置"}},
	            {"id":53,"index":2,"prop":{"name":"低压配电装置"}}];
	           	
	           	var linksJson = [
	           	{"source":0,"target":1,},
	           	{"source":1,"target":2,},
	           	{"source":1,"target":3,},
	           	{"source":1,"target":4,},
	           	{"source":1,"target":5,},
	           	{"source":1,"target":6,},
	           	{"source":0,"target":7,},
	           	{"source":7,"target":8,},
	           	{"source":7,"target":9,},
	           	{"source":7,"target":10,},
	           	{"source":0,"target":11,},
	           	{"source":11,"target":12,},
	           	{"source":0,"target":13,},
	           	{"source":13,"target":14,},
	           	{"source":0,"target":15,},
	           	{"source":15,"target":16,},
	           	{"source":15,"target":17,},
	           	{"source":15,"target":18,},
	           	{"source":0,"target":19,},
	           	{"source":19,"target":20,},
	           	{"source":0,"target":21,},
	           	{"source":21,"target":22,},
	           	{"source":21,"target":23,},
	           	{"source":0,"target":24,},
	           	{"source":24,"target":25,},
	           	{"source":0,"target":26,},
	           	{"source":26,"target":27,},
	           	{"source":26,"target":28,},
	           	{"source":0,"target":29,},
	           	{"source":29,"target":30,}];
	            loadMap(options, nodesJson, linksJson);
		</script>
	</body>
</html>
